<template>
	<view class="findindex">
		<view class="fi_head">
			<image src="../../static/imgs/work_head.png"></image>
		</view>
		<view class="action_list">
			<view class="al_view" @click="toWork">
				<image src="../../static/imgs/xishan.png"></image>
				<text>西山就业</text>
			</view>
			
			<view class="al_view">
				<image src="../../static/imgs/liepin.png"></image>
				<text>猎聘网</text>
			</view>
			
			<view class="al_view">
				<image src="../../static/imgs/yundian.png"></image>
				<text>云品出滇</text>
			</view>
			
			<view class="al_view">
				<image src="../../static/imgs/qiuzhiji.png"></image>
				<text>一号求职机</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toWork(){
				uni.navigateTo({
					url:"/pages/work/work"
				})
			}
		}
	}
</script>

<style>
	.findindex{
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: inline-block;
	}
	.fi_head{
		width: 100%;
		height: 260rpx;
		margin-top: 34rpx;
	}
	.fi_head image{
		width: 100%;
		height: 100%;
	}
	.action_list{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 50rpx;
	}
	.al_view{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.al_view image{
		width: 84rpx;
		height: 84rpx;
	}
	.al_view text{
		font-size: 26rpx;
		color: #222222;
		font-weight: 700;
		line-height: 37rpx;
		margin-top: 16rpx;
	}
</style>
